<template>
	<div style="background-color: #545C64;" class="myaside">
		<el-aside width="205px">
			<el-menu
			default-active="2"
			width="202px"
			class="el-menu-vertical-demo"
			@open="handleOpen"
			@close="handleClose"
			@select="handleSelect"
			background-color="#545c64"
			text-color="#fff"
			active-text-color="#ffd04b"
			router>
			    <el-submenu index="1">
			        <template slot="title">
			          <i class="el-icon-location"></i>
			          <span>个人中心</span>
			        </template>
			        <el-menu-item-group>
					  <el-menu-item index="/mycenter/zjgl">专家管理</el-menu-item>
					  <el-menu-item index="/mycenter/zjtj">添加专家</el-menu-item>
					  <el-menu-item index="/mycenter/member">会员管理</el-menu-item>
					  <el-menu-item index="/mycenter/Content">审核文章</el-menu-item>
			          <el-menu-item index="/mycenter/ddgl">订单管理</el-menu-item>
					  <el-menu-item index="/mycenter/Joke">娱乐模块</el-menu-item>
					  <el-menu-item index="/mycenter/weather">天气模块</el-menu-item>
					  <el-menu-item index="1-4"> <span class="iconfont icon-chanpin" style="color:#1afa29" ></span>产品服务</el-menu-item>
					  <el-menu-item index="1-5"><i class="iconfont icon-gerenzhongxin_banzhulaoshi"></i>账户设置</el-menu-item>
			        </el-menu-item-group>
			    </el-submenu>

			    <el-menu-item index="/myProject/list">
			        <i class="el-icon-menu"></i>
			        <span slot="title">项目管理</span>
			    </el-menu-item>

			    <el-menu-item index="3" >
			        <i class="el-icon-document"></i>
			        <span slot="title">发包管理</span>
			    </el-menu-item>
			     
			</el-menu>
		</el-aside>
	</div>
</template>

<script>

	export default{
		name:'myaside',
		comments:{

		},
		methods: {
		  handleOpen(key, keyPath) {
		    console.log(key, keyPath);
		  },
		  handleClose(key, keyPath) {
		    console.log(key, keyPath);
		  },
		   handleSelect(key, keyPath) {
		          console.log(key, keyPath);
		        }
		}
	}
</script>

<style scoped="scoped" lang="less">

* {
	margin: 0;
	padding: 0;
}
.el-header,
.el-footer {
	background-color: #b3c0d1;
	color: #333;
	text-align: center;
	line-height: 60px;
}

.el-aside {
	background-color: #545c64;
	width: 205px;
	height: 800px;
	color: #333;
	text-align: center;
}
.item {
	float: right;
	margin-top: 10px;
	margin-right: 40px;
}

.el-main {
	background-color: #e9eef3;
	height: 500px;
	color: #333;
	text-align: center;
	line-height: 60px;
}

.el-container {
	height: 100px;
}
</style>
